<!DOCTYPE html>
<html lang="it">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="" />
		<meta name="keywords" content="Don Bosco, Salesiani, San Francesco di Sales, Movimento Giovanile Salesiano, Triveneto, MGS" />
		
		<title></title>
		
		<link type="text/css" rel="stylesheet" href="../bootstrap/css/bootstrap.css" />
		<link type="text/css" rel="stylesheet" href="../bootstrap/css/bootstrap-responsive.css" />
		<link type="text/css" rel="stylesheet" href="../css/base.css" />
		<link href='http://fonts.googleapis.com/css?family=Actor' rel='stylesheet' type='text/css' />
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#show-menu-collapse").click(function(){
					$("#menu").toggle('slow');
				});
				
				$("ul#social > li > a > img").popover({
					animation : true,
					placement : 'bottom',
					trigger : 'hover',
					content : 'Seguici!'
				});
			});
		</script>
		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	</head>
	<body>
		<header>
			<div class="container" id="header-content">
				<div class="row">
					<div class="span3 offset1"><a href="../index.html"><img src="../img/logo.png" alt="Logo OSC" id="logo"/></a></div>
					<div class="span8" id="header-title-info">
						<h1>Oratorio Salesiano Chioggia</h1>
						<div class="row">
							<div class="span6">
								<ul class="unstyled">
									<li><i class="icon-map-marker icon-black"></i> Calle don Bosco 361, 30015 Chioggia (VE)</li>
									<li><i class="icon-comment icon-black"></i> Tel + Fax: 041 400 365</li>
								</ul>
							</div>
							<div class="span2">
								<ul id="social" class="unstyled">
									<li><a href="#"><img src="../img/social-facebook.png" alt="Facebook" title="La Pagina Facebook" data-content="Richiedi l'amicizia a Oratorio Chioggia e rimani sempre aggiornato!"/></a></li>
									<li><a href="#"><img src="../img/social-twitter.png" alt="Twitter"  title="La Pagina Twitter" data-content="Seguici su Twitter e rimani sempre aggiornarnato sui nostri eventi!"/></a></li>
									<li><a href="#"><img src="../img/social-youtube.png" alt="Youtube"  title="Il Canale Youtube" data-content="Iscriviti al nostro canale e guarda tutti i nostri video. Divertimento assicurato!"/></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<nav>
				<div class="container">
					<div class="row">
						<div id="menu-header-collapse" class="span12">
							<ul>
								<li>
									<a class="brand" href="#">salesianichioggia.it</a>
								</li>
								<li>
									<button class="btn btn-large" id="show-menu-collapse">
										<i class="icon-chevron-down icon-black"></i>
									</button>
								</li>
							</ul>
						</div>
						<div class="menu-collapse span12" id="menu">
							<ul>
								<li>
									<a href="#">Gruppi</a>
									<ul class="submenu">
										<li><a href="#">Oratorio</a></li>
										<li><a href="#">Parrocchia</a></li>
										<li><a href="#">ADS</a></li>
										<li><a href="#">PGS</a></li>
										<li><a href="#">Scout</a></li>
										<li><a href="#">Gruppo Musical</a></li>
										<li><a href="#">Mamma Margherita</a></li>
									</ul>
								</li>
								<li>
									<a href="#">Articoli</a>
									<ul class="submenu">
										<li><a href="#">Archivio</a></li>
										<li><a href="#">Categorie</a>
											<ul>
												<li><a href="#">Chiesa - Magistero</a></li>
												<li><a href="#">Educazione - Formazione</a></li>
												<li><a href="#">Formazione</a></li>
												<li><a href="#">Iniziative - Eventi</a></li>
												<li><a href="#">Liturgia - Preghiera</a></li>
												<li><a href="#">Missione</a></li>
												<li><a href="#">Mondo Giovani</a></li>
												<li><a href="#">Spiritualità</a></li>
												<li><a href="#">Salesianità</a></li>
												<li><a href="#">Vocazioni</a></li>
											</ul>
										</li>
									</ul>
								</li>
								<li>
									<a href="#">Foto</a>
									<ul class="submenu">
										<li><a href="#">2012</a></li>
										<li><a href="#">2011</a></li>
										<li><a href="#">2010</a></li>
										<li><a href="#">Precedenti</a></li>
									</ul>
								</li>
								<li>
									<a href="#">Accoglienza</a>
									<ul class="submenu">
										<li><a href="#">Ospitalità</a></li>
										<li><a href="#">Sala Musica</a></li>
										<li><a href="#">Sala Compleanni</a></li>
										<li><a href="#">Campo da Calcio</a></li>
									</ul>
								</li>
								<li>
									<a href="#">Cinema - Teatro</a>
									<ul class="submenu">
										<li><a href="#">Programmazione Cinema</a></li>
										<li><a href="#">Programmazione Teatro</a></li>
									</ul>
								</li>
								<li>
									<a href="#">Contattaci</a>
								</li>
								<li>
									<form class="form-search">
										<input id="search-input" type="text" class="input-medium search-query span3" placeholder="Cerca..."/>
									</form>
								</li>
							</ul>
						</div>
				</div>
				</div>
			</nav>
		</header>
		
		<div class="container">
			<div class="row">
				<div class="span12">
					<h1>Nome Gruppo</h1>
					<h3>In questi documenti ognuno organizzerà la propria pagina secondo le proprie capacità e necessità! in accordo con le norme imposte dai webmaster!</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin mollis nunc, ut eleifend leo convallis sit amet. Vestibulum fringilla porta tempor. Nulla commodo ligula eget felis porttitor in malesuada massa rhoncus. Suspendisse lacinia turpis ut ipsum tristique vestibulum. Duis et auctor diam. Aliquam malesuada volutpat eros quis volutpat. Suspendisse mattis feugiat turpis, et vestibulum purus rhoncus laoreet. Nunc hendrerit cursus blandit. In at tellus vel mi ullamcorper scelerisque. Fusce volutpat suscipit est quis condimentum. In hac habitasse platea dictumst. Nunc pharetra erat eget nunc molestie iaculis.
					</p>
					<p>
					Sed interdum consectetur mi, nec venenatis justo varius nec. Aenean molestie mauris eget mi fermentum et dictum arcu tincidunt. In nec porta nulla. Mauris risus justo, mattis a pharetra vitae, accumsan quis velit. Aliquam ligula justo, venenatis at pulvinar nec, auctor vel lorem. Donec semper ligula nec massa imperdiet ac lacinia eros blandit. Vivamus et orci est, a tincidunt lectus. Pellentesque quam justo, fringilla tincidunt aliquet sagittis, adipiscing sed nulla.
					</p>
					<p>
					Duis a metus justo, eu facilisis felis. Curabitur purus elit, viverra in vehicula ut, lobortis ut mauris. Pellentesque laoreet dolor ullamcorper urna placerat at dictum ligula volutpat. Maecenas imperdiet mi quis lacus hendrerit rhoncus. Ut tincidunt ipsum cursus dolor cursus tincidunt eu vehicula odio. Etiam ligula dolor, tincidunt non porta eget, semper non sapien. Proin condimentum nunc blandit nunc pharetra semper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum bibendum, diam id tempus porttitor, sapien augue mattis sapien, in fringilla ligula tortor et lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque interdum mollis quam, sit amet interdum justo rhoncus ac. Curabitur ac tincidunt sapien. Quisque in consequat quam.
					</p>
					<p>
					Phasellus vel metus mauris, vel rutrum erat. Mauris dapibus quam in quam mollis nec tincidunt nulla scelerisque. Quisque mattis ante in dolor blandit rutrum. In semper nisl eget velit ornare molestie. Etiam erat arcu, facilisis sit amet dignissim egestas, malesuada id ante. Nulla commodo orci et urna accumsan pharetra. Nam augue risus, feugiat volutpat suscipit quis, pretium vel erat. Sed nec auctor justo. Integer rhoncus egestas ultricies. Proin sem justo, suscipit nec commodo vitae, eleifend ut elit. Nulla sagittis dictum venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque dapibus ipsum sit amet tortor dignissim quis facilisis sapien vehicula. Cras imperdiet, elit non fringilla blandit, metus lorem consectetur ligula, non porttitor erat quam a massa. Integer non ligula scelerisque eros pharetra tristique. Sed sed magna ipsum.
					</p>
					<p>
					Nulla ut enim leo. Integer quam orci, luctus sit amet dignissim laoreet, lacinia facilisis libero. Proin id mattis sem. Morbi ac neque vel neque placerat aliquet at in diam. Etiam orci felis, luctus non viverra fringilla, bibendum dictum lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque eget dui urna. Aliquam erat volutpat. Curabitur dictum libero non risus fringilla pellentesque accumsan felis tincidunt. Suspendisse potenti. In ullamcorper leo ut ipsum rhoncus quis rhoncus nisi blandit.
					</p>
				</div>
			</div>
		</div>
		<footer>
			<div class="container">
				<div class="row">
					<div class="span12">
						<h4>Istituto Salesiano San Marco - Oratorio Salesiano Chioggia - P. Iva: 02173980273 - C.F.: 82000110278</h4>
					</div>
				</div>
			</div>
		</footer>
		<script src="../bootstrap/js/bootstrap-transition.js" type="text/javascript"></script>
		<script src="../bootstrap/js/bootstrap-tooltip.js" type="text/javascript"></script>
		<script src="../bootstrap/js/bootstrap-popover.js" type="text/javascript"></script>
	</body>
</html>